<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/AddressBook.css">
</head>
<body>
<div id="global">
    <div class="header">
        <div class="logo"><a href="" target="_blank" style="display: block;"><img src="../img/logo.png" alt=""></a></div>
        <div class="menu">
            <ul>
                <li><a href="../../user/html/HomePage.html">首页</a></li>
                <li><a href="../../user/html/booking_delivery.html">寄件服务</a></li>
                <li><a href="../../user/html/service.html">查询服务</a></li>
                <li><a href="MyShunda.html" id="my-topMenu-userCenter">个人中心</a> </li>
            </ul>
        </div>
        <div class="header-right">
            <div>
                <span>欢迎你，<i id="loginStatus"></i> &nbsp;</span>
                <span id="index-exit" class="cursor"><a href="/sdkd/user/html/login.html" id="exit">退出</a></span>
            </div>
        </div>
    </div>
    <div class="main-container">
        <div class="sidebar-container">
            <ul class="sidebar-main">
                <li class="nav-top" ><img src="../img/left_menu_top.jpg"></li>
                <li class="nav-item"><a href="MyShunda.html" class>我的瞬达</a> </li>
                <li class="nav-item"><a href="MyCourier.html" class>我的快递</a> </li>
                <li class="nav-item"><a href="AddressBook.html" class>我的地址簿</a> </li>
                <li class="nav-item"><a href="PersonalData.html" class>个人资料设置</a> </li>
                <li class="nav-item"><a href="Bind-account.html" class>账户绑定</a> </li>
                <li class="nav-item"><a href="RealNameInfo.html" class>实名信息</a> </li>

                <li class="nav-bottom"><img src="../img/left_menu_bottom.jpg"></li>
            </ul>
        </div>
        <div class="main-container">
            <div class="sidebar-container">
                <ul class="sidebar-main">
                    <li class="nav-top" ><img src="../img/left_menu_top.jpg"></li>
                    <li class="nav-item"><a href="MyShunda.html" class>我的瞬达</a> </li>
                    <li class="nav-item"><a href="MyCourier.html" class>我的快递</a> </li>
                    <li class="nav-item"><a href="AddressBook.html" class>我的地址簿</a> </li>
                    <li class="nav-item"><a href="PersonalData.html" class>个人资料设置</a> </li>
                    <li class="nav-item"><a href="Bind-account.html" class>账户绑定</a> </li>
                    <li class="nav-item"><a href="RealNameInfo.html" class>实名信息</a> </li>

                    <li class="nav-bottom"><img src="../img/left_menu_bottom.jpg"></li>
                </ul>
            </div>
            <div class="item-main-container">
                <section class="app-main">
                    <div class="address-container">
                        <div class="search-cont">
                            <div class="address-input">
                                <input type="text" autocomplete="off" placeholder="可输入电话进行查询" class="el-input_inner">
                            </div>
                            <button type="button" class="address-s-btn" id="el-select"><span>查询</span></button>
                            <button type="button" class="address-a-btn" id="el-add" data-toggle="modal" data-target="#address-modal"><span>新增</span></button>
                        </div>
                        <div class="table-cont">
                            <div class="el-table-fit">
                                <div class="el-table_header-wrapper">
                                    <table cellspacing="0" cellpadding="0" border="0" class="el-table_header">
                                        <thead class="has-gutter">
                                        <tr>
                                            <th colspan="1" rowspan="1" class="courierinfo">
                                                <div class="cell">姓名</div>
                                            </th>
                                            <th colspan="1" rowspan="1" class="courierinfo">
                                                <div class="cell">电话</div>
                                            </th>
                                            <th colspan="1" rowspan="1" class="courierinfo">
                                                <div class="cell">区域</div>
                                            </th>
                                            <th colspan="1" rowspan="1" class="courierinfo">
                                                <div class="cell">详细地址</div>
                                            </th>
                                            <th colspan="1" rowspan="1" class="courierinfo">
                                                <div class="cell">操作</div>
                                            </th>
                                        </tr>
                                        </thead>
                                    </table>
                                </div>
                                <div class="el-table_body-wrapper"></div>
                            </div>
                        </div>
                        <div class="edit-address-dialog" style="display: none ;z-index: 50" id="address-modal" >
                            <div class="el-dialog" aria-modal="true" aria-label="dialog" >
                                <div class="el-dialog_header">
                                    <div class="dialog-title">
                                        新增地址
                                        <span class="close-btn"></span>
                                    </div>
                                </div>
                                <div class="el-dialog_body">
                                    <form class="el-form">
                                        <div class="el-form-item ">
                                            <label for="name" class="el-form-item_label" > 姓名 </label>
                                            <div class="el-input" >
                                                <input type="text" id="name" autocomplete="off" maxlength="16" placeholder="请填写姓名，16个字以内" class="el-input_inner">
                                            </div>
                                        </div>
                                        <div class="el-form-item ">
                                            <label for="phone" class="el-form-item_label" > 手机号 </label>
                                            <div class="el-input" >
                                                <input type="text" id="phone" autocomplete="off" maxlength="16" placeholder="请填写电话" class="el-input_inner">
                                            </div>
                                        </div>
                                        <div class="el-form-item ">
                                            <label for="area" class="el-form-item_label" > 所属区域 </label>
                                            <div class="el-input" >
                                                <input type="text" id="area" autocomplete="off" maxlength="16" placeholder="请选择省市区" class="el-input_inner">
                                            </div>
                                        </div>
                                        <div class="el-form-item ">
                                            <label for="address" class="el-form-item_label" > 详细地址 </label>
                                            <div class="el-input">
                                                <input type="text" id="address" autocomplete="off" maxlength="16" placeholder="请填写详细地址" class="el-input_inner">
                                            </div>
                                        </div>
                                        <div class="el-form-item ">
                                            <label for="type" class="el-form-item_label" > 地址类型 </label>
                                            <div class="el-input" >
                                                <input type="text" id="type" autocomplete="off" maxlength="16" placeholder="请选择" class="el-input_inner">
                                            </div>
                                        </div>
                                    </form>
                                    <div class="auto-ansysic"></div>
                                </div>
                                <div class="el-dialog_footer">
                                    <div class="dialog-footer">
                                        <button type="button" class="el-button">
                                            <span>添加</span>
                                        </button>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </section>
            </div>
        </div>

        </div>
    </div>
    <div class="foot">
        <div class="top">
            <div class="top-body">
                <div class="middle">
                    <div class="href" style="margin-top: 30px;">
                        <div class="img">
                            <img src="../../user/img/foot/outlets.svg">
                        </div>
                        &emsp;网点查询
                    </div>
                    <div class="href">
                        <div class="img">
                            <img src="../../user/img/foot/service.svg">
                        </div>
                        &emsp;产品服务
                    </div>
                </div>
                <div class="middle">
                    <div class="href" style="margin-top: 30px;">
                        <div class="img">
                            <img src="../../user/img/foot/prescription.svg">
                        </div>
                        &emsp;运费时效
                    </div>
                    <div class="href">
                        <div class="img">
                            <img src="../../user/img/foot/prohibit.svg">
                        </div>
                        &emsp;禁寄物品
                    </div>
                    <div class="in">

                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/weixin.svg">
                    </div>
                    <div class="text">
                        &emsp;微信公众号
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/qq.svg">
                    </div>
                    <div class="text">
                        &emsp;QQ公众号
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/alipay.svg">
                    </div>
                    <div class="text">
                        &emsp;支付宝服务窗
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../../user/img/foot/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../../user/img/foot/app.svg">
                    </div>
                    <div class="text">
                        &emsp;瞬达APP
                    </div>
                </div>
                <div class="interval">

                </div>
                <div class="logo">
                    <img src="../../user/img/foot/2.png">
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="text">
                瞬达快递 版权所有 <a href="#">沪ICP备13044869号</a>
            </div>

        </div>
    </div>
</div>
<script src="../jquery/jquery-3.3.1.js"></script>
<script src="../js/loginStatus.js"></script>
</body>
</html>